<?php
require ('includes/config.php');
$page_title = 'Events';
include ('includes/header.php');
?>

<body>
			<div class="page-header">
				<h1>PTA Helper <small>Take the work out of helping.</small></h1>
			</div>
  <!-- start of fixed nav bar -->
 		<div class="navbar navbar-inverse navbar-fixed-top">
 			<div class="navbar-inner">
				 <div class="container-fluid">
					 <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                     
 						<span class="icon-bar"></span>
   						 <span class="icon-bar"></span>
   						 <span class="icon-bar"></span>
  					  </a>
 					   <a class="brand" href="#">Complete</a>
  				  <div class="nav-collapse collapse">
  					  <p class="navbar-text pull-right">
 							   "lOGGED IN AS"
  						  <a class="navbar-link">Username</a>
   					 </p>
 				   </div>
    <!---/.nav-collapse -->
       				 </div>
  			</div>
    	</div>
		
		<header class="page_header" id="over-view">
			<div class="container">
				<h1>PTA HELPER</h1>
			</div>
		</header>
		
    
 <!-- fluid body container -->

<div class="container-fluid">
<!--fluid sidebar 3 columns   -->
	<div class="span3">
		<div class="well sidebar-nav">
<?php
require ('includes/side_nav.php');
?>
         </div>
    </div>
   <!---end of sidebar 3 columns  -->
  
  <div class="span6">
  		<div class="hero-unit">
		
  <ul>
				<li class="active">
                	<a href="Events.php">Select from Current Events</a>  
				</li>
				<li class-"active">
					<a href="New_Event.php">Set up New Event</a>
				</li>
</ul>
  
		





   		 </div>
  <!--end of hero-unit -->
  <!--start of events list -->
  		  <div class="row-fluid">This is where the events list will go
 		   </div>
    </div>
  <!--end of events list -->
<!-- start of left bar to do list -->
 	<div class="span3">
		<div class="well sidebar-nav">
        	<ul class="nav-list">
            	<li class="nav-header">Sidebar</li>
                <li class="active">
                	<a href="#">Link</a>
                </li>
                <li class="active">
                	<a href="#">Link</a>
                </li>
                <li class="active">
                	<a href="#">Link</a>
                </li>
                <li class="active">
                	<a href="#">Link</a>
                </li>
                <li class="active">
                	<a href="#">Link</a>
                </li>
                <li class="nav-header">Sidebar</li>
                  <li class="active">
                	<a href="#">Link</a>
                </li>
                
                  <li class="active">
                	<a href="#">Link</a>
                </li>
                  <li class="active">
                	<a href="#">Link</a>
                </li>
                  <li class="active">
                	<a href="#">Link</a>
                </li>
                  <li class="active">
                	<a href="#">Link</a>
                </li>
           </ul>
         </div>
    </div>
    <!-- end of to do list-->
    </div>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="js/bootstrap.min.js"></script>
	<script src="js/bootstrap.js"></script>
  </body>
</html>

